<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Formulario de Ingreso de Horario</title>
<link href="formato.css" rel="stylesheet" type="text/css" />
<script language="javascript">
function validar(){
	var a=document.insertarhorario.id.value
	if(a){
		if(parseInt(a)<1)return false
		else return validarfecha(document.insertarhorario.fecha1.value)&&validarfecha(document.insertarhorario.fecha2.value)&&validarfecha(document.insertarhorario.fecha3.value)&&validarfecha(document.insertarhorario.fecha4.value)}
		
}
function validarfecha(f){
	var Fecha= new String(f)
    var Dia= new String(Fecha.substring(Fecha.lastIndexOf("-")+1,Fecha.indexOf(" ")))  
    var Mes= new String(Fecha.substring(Fecha.indexOf("-")+1,Fecha.lastIndexOf("-")))  
    var Ano= new String(Fecha.substring(0,Fecha.indexOf("-")))  
	var Hora= new String(Fecha.substring(Fecha.indexOf(" ")+1,Fecha.indexOf(":")))
	var Minuto= new String(Fecha.substring(Fecha.indexOf(":")+1,Fecha.length))
	 
    if (isNaN(Ano) || Ano.length<4 || parseFloat(Ano)<1900 || isNaN(Mes) || parseFloat(Mes)<1 || parseFloat(Mes)>12 || isNaN(Dia) || parseInt(Dia, 10)<1 || parseInt(Dia, 10)>31){  
            alert("Fecha invalida inválido")  
        return false  
    }  
    
    if (Mes==4 || Mes==6 || Mes==9 || Mes==11 || Mes==2) {  
        if (Mes==2 && Dia > 28 || Dia>30) {  
            alert('Día inválido')  
            return false  
        }  
    } 
	if(parseInt(Hora)>23 || parseInt(Hora)<0) return false
	if(parseInt(Minuto)>59 || parseInt(Minuto)<0) return false
	}
</script>
</head>
<body>
<form action="inserthorario.php" method="post" name="insertarhorario" on>
 
  <p>
  
    <label>Ingrese el id </label>
    <input name="id" type="number" value="1" maxlength="3"  />
    </p><p>
    Ingrese la fecha y hora del dia 1<input name="fecha1" type="text" value="2000-01-01 12:00" size="23" maxlength="16" />
    </p></td></tr>
    <p>
    Ingrese la fecha y hora del dia 2<input name="fecha2" type="text" value="2000-01-0 12:00" size="23" maxlength="16" />
    </p>
    <p>
    Ingrese la fecha y hora del dia 3<input name="fecha3" type="text" value="2000-01-0 12:00" size="23" maxlength="16" />
    </p>
    <p><tr><td>
    Ingrese la fecha y hora del dia 4<input name="fecha4" type="text" value="2000-01-0 12:00" size="23" maxlength="16" />
    </p>
    <p>
    <p>
      <input type="submit" name="button2" id="button2" value="Validar y Enviar" onClick="return validar()"/>
    </p>
</form>
     <br/><a href="index.html"><img src="Images/home.png" width="50" height="50" title="index" /></a>
</body>
</html>
